
// components/Dialog/dialog.js
var animation = wx.createAnimation({
	duration: 200,
	timingFunction: "linear",
	delay: 0
})
Component({
	options: {
		multipleSlots: true // 在组件定义时的选项中启用多slot支持
	},
	/**
	 * 组件的属性列表
	 * 用于组件自定义设置
	 */
	properties: {
        dialogType:{
            type: String,
            value:'tooltip'
        },
		// 弹窗标题
		title: {          	// 属性名
			type: String, 	// 类型（必填），接受的类型包括：String, Number, Boolean, Object, Array, null（任意类型）
			value: '提示信息' 	// 属性初始值（可选），如果未指定则会根据类型选择一个
		},
		// 弹窗内容
		content: {
			type: String,
			value: '弹窗内容'
		},
		// 弹窗取消按钮文字
		cancelText: {
			type: String,
			value: '取消'
		},
		// 弹窗确认按钮文字
		confirmText: {
			type: String,
			value: '确定'
		}
	},

	/**
	 * 私有数据,组件的初始数据
	 * 可用于模版渲染
	 */
	data: {
		// 弹窗显示控制
		isShow: false,
        text:'',        // 输入框输入文本

		animationData: "",
		showModalStatus: false,
		imageHeight: 0,
		imageWidth: 0
	},

	/**
	 * 组件的方法列表
	 * 更新属性和数据的方法与更新页面数据的方法类似
	 */
	methods: {
		/*
		 * 公有方法
		 */
        
		//隐藏弹框
		hideDialog() {
			this.setData({
				isShow: false
			})
		},
		//展示弹框
		showDialog() {
			this.setData({
				animationData: animation.export(),
				isShow: true
			})
		},
		/*
		* 内部私有方法建议以下划线开头
		* triggerEvent 用于触发事件
		*/
		_cancelEvent() {
			console.log("弹窗取消")
			//触发取消回调
			this.triggerEvent("cancelEvent")
		},
		_confirmEvent() {
			console.log("弹窗确认")
			//触发成功回调
			this.triggerEvent("confirmEvent");
		},




		// imageLoad: function (e) {
		// 	this.setData({ imageHeight: e.detail.height, imageWidth: e.detail.width });
		// },
		// showModal: function () {
		// 	// 显示遮罩层
		// 	var animation = wx.createAnimation({
		// 		duration: 200,
		// 		timingFunction: "linear",
		// 		delay: 0
		// 	})
		// 	this.animation = animation
		// 	animation.translateY(animationShowHeight).step()
		// 	this.setData({
		// 		animationData: animation.export(),
		// 		showModalStatus: true
		// 	})
		// 	setTimeout(function () {
		// 		animation.translateY(0).step()
		// 		this.setData({
		// 			animationData: animation.export()
		// 		})
		// 	}.bind(this), 200)
		// },
		// hideModal: function () {
		// 	// 隐藏遮罩层
		// 	var animation = wx.createAnimation({
		// 		duration: 200,
		// 		timingFunction: "linear",
		// 		delay: 0
		// 	})
		// 	this.animation = animation;
		// 	animation.translateY(animationShowHeight).step()
		// 	this.setData({
		// 		animationData: animation.export(),
		// 	})
		// 	setTimeout(function () {
		// 		animation.translateY(0).step()
		// 		this.setData({
		// 			animationData: animation.export(),
		// 			showModalStatus: false
		// 		})
		// 	}.bind(this), 200)
		// },
		// onShow: function () {
		// 	let that = this;
		// 	wx.getSystemInfo({
		// 		success: function (res) {
		// 			animationShowHeight = res.windowHeight;
		// 		}
		// 	})
		// },
	}
})